<template>
  <section>
    <p>{{message.split('').reverse().join('')}}</p>
    <div>
      <p>原始消息：{{message}}</p>
      <p>计算反转消息：{{reversedMessage}}</p>
    </div>
    <div>
      <p>方法-反转消息：{{reversed2Message()}}</p>
      <p>计算-现在时间：{{now}}</p>
      <p>
        方法-现在时间：{{now2()}}
        <button v-on:click="now2()">方法</button>
      </p>
    </div>
  </section>
</template>

<script>
export default {
  name: "VsMethod",
  data() {
    return {
      message: "Hello"
    };
  },
  computed: {
    reversedMessage() {
      return this.message
        .split("")
        .reverse()
        .join("");
    },
    now() {
      return Date.now();
    }
  },
  methods: {
    reversed2Message() {
      return this.message
        .split("")
        .reverse()
        .join("");
    },
    now2() {
      return Date.now();
    }
  }
};
</script>